﻿@{
    var key = Request["page"] ?? "rd";
    var catalogId = Request["catalogId"] ?? "967d9a8c-5912-4edc-95c1-fe8536748eb1";
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="referrer" content="never" />
    <title>@CommonAppService.Current.GetSettingValue("CMS", "Name")</title>
    @RenderSection("Head", false)


    @{
        var defaultShareUrl = string.Format("https://{0}", VariableHelper.Request_UrlHost);

        var defaultShareIconUrl = "/App_Content/2.0/images/shareIcon.png";
        var defautShareTitle = "汽湃智讯网";
        var defaultShareContent = "汽湃新媒体集群专注于观察汽车市场，评析业界动向，解剖行业趋势，引领汽车生活";
        defaultShareIconUrl = string.Format("https://{0}{1}", VariableHelper.Request_UrlHost, defaultShareIconUrl);
    }
    @Html.Hidden("shareTitle", string.IsNullOrEmpty(ViewBag.ShareTitle) ? defautShareTitle : (string)ViewBag.ShareTitle)
    @Html.Hidden("shareContent", string.IsNullOrEmpty(ViewBag.ShareContent) ? defaultShareContent : (string)ViewBag.ShareContent)
    @Html.Hidden("shareImage", string.IsNullOrEmpty(ViewBag.ShareImage) ? defaultShareIconUrl : (string)ViewBag.ShareImage)
    @Html.Hidden("shareUrl", string.IsNullOrEmpty(ViewBag.ShareUrl) ? defaultShareUrl : (string)ViewBag.ShareUrl)

    <style>
        body .swiper-pagination { position: absolute; left: 50%; bottom: 10px; width: 200px; text-align: center; margin-left: -100px; }

        body .swiper-pagination-bullet { background: #fff; margin: 0 0 0 10px; }

        body .swiper-pagination-bullet-active { background: #17adc1; }

        .touT_state img { border-radius: 50%; }

        .left_right_font { text-align: right; font-size: 12px; background-color: #f0f0f0; height: 22px; color: #999; line-height: 22px; padding-right: 10px; width: 93px; cursor: pointer; }

        .tuiGuang { color: #17adc1; font-size: 12px; line-height: 24px; border: 1px solid #17adc1; border-radius: 2px; }

        .word2 div:nth-child(1) { font-size: 24px; margin-bottom: 30px; }
    </style>
    <link href="~/App_Content/2.0/style/main.css" rel="stylesheet" />
</head>
<body>
    <style>
        .p-header-hide3 { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: all 300ms cubic-bezier(.55, .055, .675, .19); -moz-transition: all 300ms cubic-bezier(.55, .055, .675, .19); -o-transition: all 300ms cubic-bezier(.55, .055, .675, .19); transition: all 300ms cubic-bezier(.55, .055, .675, .19); }

        .p-header-show3 { -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); -webkit-transition: all 900ms cubic-bezier(.19, 1, .22, 1); -moz-transition: all 900ms cubic-bezier(.19, 1, .22, 1); -o-transition: all 900ms cubic-bezier(.19, 1, .22, 1); transition: all 900ms cubic-bezier(.19, 1, .22, 1); }

        .p-header-hide { -webkit-transform: translateY(-110px); -ms-transform: translateY(-110px); transform: translateY(-110px); -webkit-transition: all 300ms cubic-bezier(.55, .055, .675, .19); -moz-transition: all 300ms cubic-bezier(.55, .055, .675, .19); -o-transition: all 300ms cubic-bezier(.55, .055, .675, .19); transition: all 300ms cubic-bezier(.55, .055, .675, .19); }

        .p-header-show { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 900ms cubic-bezier(.19, 1, .22, 1); -moz-transition: all 900ms cubic-bezier(.19, 1, .22, 1); -o-transition: all 900ms cubic-bezier(.19, 1, .22, 1); transition: all 900ms cubic-bezier(.19, 1, .22, 1); }

        .p-header-hide2 { -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); -webkit-transition: all 300ms cubic-bezier(.55, .055, .675, .19); -moz-transition: all 300ms cubic-bezier(.55, .055, .675, .19); -o-transition: all 300ms cubic-bezier(.55, .055, .675, .19); transition: all 300ms cubic-bezier(.55, .055, .675, .19); }

        .p-header-show2 { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 900ms cubic-bezier(.19, 1, .22, 1); -moz-transition: all 900ms cubic-bezier(.19, 1, .22, 1); -o-transition: all 900ms cubic-bezier(.19, 1, .22, 1); transition: all 900ms cubic-bezier(.19, 1, .22, 1); }
    </style>



    <div class="nav" style="top:0px">
        <div class="nav_1">
            <div class="top clearfix">
                <div class="top_inner">
                    <div class="logo">
                        <a href="/">
                            <img src="~/App_Content/2.0/images/Logo.png" />
                        </a>
                    </div>
                    <ul class="clearfix fl info">
                        @Html.Action("read", "catalogs", new { area = "cms", VPartial = "ReadForNav" })
                        @*<li><a href="/">首页</a></li>
                            <li><a href="/?Key=Media&page=Media">车界</a></li>
                            <li><a href="/?Key=News&page=News">旅程</a></li>*@
                    </ul>

                    <div class="search" style="float:right;    padding: 0 10px;
    width: 180px;
    height: 28px;
    margin-top: 10px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    border-radius: 10px;">
                        <form action="/pages/search" method="get" id="search_form">
                            <input type="text" name="title" id="key" style="width: 130px;
    height: 26px;
    background-color: #f9f9f9;
    border: none;
    float: left;
    font-size: 14px;" />
                            <input type="button" style="display:none;" class="usousuo" />
                        </form>
                    </div>


                </div>
            </div>
        </div>
    </div>



    <div class="con" style="top:55px;">
        <div class="back" id="back"></div>

        <div class="content clearfix">
            @RenderBody()
        </div>

        <!--通用底部 开始-->
        <div class="footer">
            <div class="footer-wrap">
                <div class="mini-hide" style="width:300px">
                    @*<h3>@CommonAppService.Current.GetSettingValue("CMS", "Name")</h3>*@
                    <img src="@CommonAppService.Current.GetSettingValue("CMS", "QRCode")" class="qr-hlq" />
                    @*   电话：@CommonAppService.Current.GetSettingValue("CMS", "Telephone")<br />
                            邮箱：@CommonAppService.Current.GetSettingValue("CMS", "Email")<br />
                        </div>
                        地址：@CommonAppService.Current.GetSettingValue("CMS", "Address")<br />
                        解释权归属智选宜讯（北京）信息科技有限公司
                        <br />*@

                    <p>@CommonAppService.Current.GetSettingValue("CMS", "CP")</p>
                    <p>@CommonAppService.Current.GetSettingValue("CMS", "CP1")</p>
                    <a href="/pages/about?catalogId=a54cb75a-b50b-4def-ad73-df37ebdaa5ba&page=lxwm">关于我们</a>


                </div>
            </div>
            <!--通用底部 结束-->

            <script src="/App_Content/script/jquery-1.8.2.min.js"></script>
            <script>
                console.log(12424214124)
            </script>
            <script src="/App_Content/script/common.js"></script>
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css" />
            <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
            <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
             <script src="/WX/Weixins/JSConfig?debug=false&urlReferrer=@ConvertHelper.ToString(Request.Url).Replace("&","|")&r=@DateTime.Now.Ticks"></script>
            <script src="~/App_Content/Script/weixin-script.js"></script>
            @RenderSection("Foot", false)
        </div>
        <script>

        function queryString(name) {
            name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
            var regexS = "[\\?&]" + name + "=([^&#]*)";
            var regex = new RegExp(regexS);
            var results = regex.exec(window.location);
            if (results == null) {
                return "";
            } else {
                return decodeURIComponent(results[1].replace(/\+/g, " "));
            }
        }

        var Page = {
            pageNo: 1
            , pageSize: 20
            , getList: function () {
                $('.btn-more').html('加载中...');
                var url = '/cms/Articles/Read';
                var page ='@key';
                var catalogId = '@catalogId';

                $.getJSON(url, {
                    pageNo: Page.pageNo
                    , pageSize: Page.pageSize
                    , ResultType: 'Json'
                    , OrderBy: 'PublishTime Desc'
                    , catalogKey: page
                    //, title: queryString('title')
                    , catalogId: catalogId
                }, function (data) {
                    Page.isLoading = false;
                    $('.btn-more').html('查看更多')
                    var count = data.Total;
                    data = data.Data;

                    var h = '';
                    $.each(data, function (i, item) {
                        h += '<div class="article clearfix  feedlist ">';
                        h += '                      <div class="img">';
                        h += '        <a href="/Articles/Detail?key=' + item.Key + '&page=' + page + '" target="_blank">';
                        h += '            <img src="' + item.TitleImageUrl + '"  alt="" style="width:199px;height:150px;">';
                        h += '        </a>';
                        h += '    </div>';

                        h += '<div class="words">';
                        h += '    <div class="part1 clearfix">';
                        h += '        <div class="title">';
                        h += '            <a href="/Articles/Detail?key=' + item.Key + '&page=' + page + '" target="_blank">' + item.Title + '</a>';
                        h += '        </div>';
                        h += '    </div>';
                        h += '    <div class="part2">';
                        h += '        <span class="icon-time iconfont">' + item.PublishTime.substring(5,10).replace('-','/') + '</span>';

                        h += '        <span class="iconfont icon-view">' + item.ViewCount + '</span>';

                        h += '    </div>';
                        h += '    <div class="part3">';
                        h += '        <a href="/Articles/Detail?key=' + item.Key + '&page=' + page + '" class="word" target="_blank">';
                        h += (item.Summary||'');
                        h += '        </a>';
                        h += '    </div>';
                        h += '</div>';
                        h += '</div>';

                    });
                    $('.article-list').append(h);
                    if (Page.pageNo * Page.pageSize >= count) {
                        $('.btn-more').remove();
                    }
                });
            }
            , isLoading: false
        };

        $(function () {
            $('.btn-more').on('click', function () {
                if (!Page.isLoading) {
                    Page.isLoading = true;
                    Page.pageNo++;
                    Page.getList();
                }
                return false;
            });
        });

        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true
        });


        </script>
        <script>
            $(function () {
                //----------分享-----------
                var shareTitle = $("#shareTitle").val();
                var shareContent = $("#shareContent").val();
                var imgUrl = $("#shareImage").val();
                var shareUrl =  location.href;//$("#shareUrl").val();
                var appId = '';
                var reportfunc = {
                    success: function () {
                    }
                    , cancel: function () {
                    }
                };
                initShare(shareTitle, shareContent, imgUrl, shareUrl, appId, reportfunc);
                //----------分享-----------
            });
        </script>



    </div>



</body>


</html>
